import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import { DocHead } from 'meteor/kadira:dochead';
import { FlowRouter } from 'meteor/kadira:flow-router';
import 'jweixin/jweixin-1.0.0.js';
import 'fullpage.js/dist/jquery.fullpage.min.js';

var wxAPI = new ReactiveVar();
var r_phone = new ReactiveVar();
var globalUrl="http://oforever.net";
var base_url = '/';
var share_url = "/share";
var phone, sharePhone;
var base_title = "花点时间，你拿mini iPad";
var base_desc = "花点时间免费领取咖啡机，成功即送mini iPad，还有女神同款主题花";
var share_title = "花点时间免费领取，打造办公室专属花店！";
var share_desc = "花点时间，享受生活。";

Template.share.onCreated(() => {
    var metaInfo = {name: "viewport",
        content: "width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"};
    DocHead.addMeta(metaInfo);
    var title = "on test";
    DocHead.setTitle(title);
});

Template.share.onRendered(() => {
    $('#fullPage').fullpage({
        "afterLoad": function(anchorLink, index) {
            if (index == 7){

            }
        },
        resize:true,//字体缩放
        scrollingSpeed:700,//翻页速度
        autoplayDisableOnInteraction:false,
        verticalCentered:false
    });

    var url=window.location.href;
    if(url.split("&").length>1){
        url=url.split('&')[0];
        window.location.replace(url);
    }

    sharePhone = FlowRouter.getQueryParam("userPhone");
    const c_url = globalUrl + FlowRouter.current().path;
    Meteor.call('wxApi', c_url, (err, res) => {
        wxAPI.set(res);
        fenxiangNull(wxAPI.get());
    });
});

Template.share.helpers({
});

Template.share.events({
    'click .link_button>button': () => {
        phone = $(".link_input input").val();
        checkPhone();
    },
    'blur .link_input>input': () => {
        $(".error_hint").hide();
        //phone = $(".link_input input").val();
        //checkPhone();
    }
});

function checkPhone(){ //判断是否是手机号
    phone=$(".link_input input").val() || phone;
    if(!(/^1[34578]\d{9}$/.test(phone))&&$(".link_input input").length!=0){
        if(phone==""){
            $(".error_hint").show().text("手机号码不能为空");
        }else{
            $(".error_hint").show().text("您确定这是您的手机号？");
        }
        return false;
    }else{
        //sessionStorage.setItem("phone", phone);
        linkAddress();
        const insert_args = {
            from_phone: sharePhone,
            current_phone: phone,
            c_time: new Date()
        };
        Meteor.call('insert_phone', insert_args, (err, res) => {
            //console.log(err);
            //console.log(res);
            if (res) {
                $(".error_hint").show().text("请不要重复提交");
            }
        });
        return true;
    }
}

function linkAddress(){
    r_phone.set(phone);
    $(".link_input").html("感谢您的参与。");
    $(".link_button button").text("分享给您的行政&HR朋友");
    fenxiang(wxAPI.get());
}

function fenxiang(response) {
    wx.config({
        debug: false,
        appId: response.appId,
        timestamp: response.timestamp,
        nonceStr: response.nonceStr,
        signature: response.signature,
        jsApiList: response.jsApiList
    });

    wx.error(function (res) {
        console.log("error"+res);
    });

    wx.onMenuShareTimeline({ //分享到朋友圈
        title: share_title, //'智能咖啡机免费领取，打造办公室专属咖啡馆！', // 分享标题
        link: globalUrl + share_url + '?userPhone='+r_phone.get(), // 分享链接
        imgUrl: globalUrl+'/icdsfon.jpg', // 分享图标
        trigger: function (){
            console.log("分享到朋友圈");
        },
        success: function () {
            console.log("成功");
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            console.log("取消");
        }
    });
    wx.onMenuShareAppMessage({ //分享给朋友
        title: share_title, //'智能咖啡机免费领取，打造办公室专属咖啡馆！', // 分享标题
        desc: share_desc, //"明星公司都在用的咖啡馆",
        link: globalUrl + share_url +'?userPhone='+r_phone.get(), // 分享链接
        imgUrl:globalUrl+'/icdsfon.jpg', // 分享图标
        trigger: function (){
            console.log("分享给朋友");
        },
        success: function () {
            console.log("成功");
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            console.log("取消");
        }
    });
}
function fenxiangNull(response) {
    wx.config({
        debug: false,
        appId: response.appId,
        timestamp: response.timestamp,
        nonceStr: response.nonceStr,
        signature: response.signature,
        jsApiList: response.jsApiList
    });

    wx.error(function (res) {
        console.log("error"+res);
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具
        // 体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    });

    wx.onMenuShareTimeline({ //分享到朋友圈
        title: base_title, // 分享标题
        link: globalUrl+base_url, // 分享链接
        imgUrl: globalUrl+'/icdsfon.jpg', // 分享图标
        trigger: function (){
            console.log("分享到朋友圈");
        },
        success: function () {
            console.log("成功");
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            console.log("取消");
        }
    });
    wx.onMenuShareAppMessage({ //分享给朋友
        title: base_title, // 分享标题
        desc:  base_desc, //"推荐您身边的公司免费领取咖啡机，成功即送mini iPad，还有女神同款主题花",
        link: globalUrl+base_url, // 分享链接
        imgUrl:globalUrl+'/icdsfon.jpg', // 分享图标
        trigger: function (){
            console.log("分享给朋友");
        },
        success: function () {
            console.log("成功");
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            console.log("取消");
        }
    });
}
